<!DOCTYPE html>
<!--代芳芬-->
<!--罗路敏-->
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Edu Science</title>
  
    <meta http-equiv="X-UA-7Compatible" content="IE=edge">
    <meta name="description" content="Construction Html5 Template">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
  
    <!-- ** Plugins Needed for the Project ** -->
    <!-- Bootstrap -->
    <link rel="stylesheet" href="/static/plugins/bootstrap/bootstrap.min.css">
    <!--
      Slick是一个响应式的、触摸友好的jQuery滑块插件，常用于创建轮播图、图片展示等
    -->
    <link rel="stylesheet" href="/static/plugins/slick/slick.css">
    <!-- 
      引入了Themify Icons的样式表。Themify Icons是一个包含大量矢量图标的图标库，可用于网页设计和开发
     -->
    <link rel="stylesheet" href="/static/plugins/themify-icons/themify-icons.css">
    <!-- 
      引入了Animation CSS的样式表。这个库提供了一系列的CSS动画类，可以很容易地添加到HTML元素中，实现各种动画效果
     -->
    <link rel="stylesheet" href="/static/plugins/animate/animate.css">
    <!-- 
      引入了AOS（Animate on Scroll）的样式表。AOS是一个JavaScript库，它可以在元素滚动到视口时触发动画效果
     -->
    <link rel="stylesheet" href="/static/plugins/aos/aos.css">
    <!-- 
      引入了Venobox Popup的的样式表。Venobox是一个用于创建模态框（modal boxes）或弹出窗口（popups）的JavaScript插件，常用于图片展示、视频播放或表单提交等场景
     -->
    <link rel="stylesheet" href="/static/plugins/venobox/venobox.css">
  
    <!-- Main Stylesheet -->
    <link href="/static/css/style.css" rel="stylesheet">
  
    <!--Favicon-->
    <link rel="shortcut icon" href="/static/images/favicon.ico" type="image/x-icon">
    <link rel="icon" href="/static/images/favicon.ico" type="image/x-icon">
  
  </head>
<style>
  .text1::first-letter {
            font-size: 30px;
            margin-right: 10px;
            color: #1f9cf5;
            float: left; /*文字环绕*/
        }
</style>
<body>
  

<!-- header -->
<header class="fixed-top header">
  <!-- top header -->
  <div class="top-header py-2 bg-white">
    <div class="container">
      <div class="row no-gutters">
        <div class="col-lg-4 text-center text-lg-left">
          
          <ul class="list-inline d-inline">
            <li class="list-inline-item mx-0"><a class="d-inline-block p-3 text-color" href="/static#"><i class="ti-github"></i></a></li>
            <li class="list-inline-item mx-0"><a class="d-inline-block p-3 text-color" href="/static#"><i class="ti-layout-placeholder"></i></a></li>
            <li class="list-inline-item mx-0"><a class="d-inline-block p-3 text-color" href="/static#"><i class="ti-linux"></i></a></li>
          </ul>
        </div>
        <div class="col-lg-8 text-center text-lg-right">
          <ul class="list-inline">
            <li class="list-inline-item"><a class="text-uppercase text-color p-sm-3 py-2 px-0 d-inline-block" href="/static/notice.html">通知</a></li>
            <li class="list-inline-item"><a class="text-uppercase text-color p-sm-3 py-2 px-0 d-inline-block" href="/static#loginModal" data-toggle="modal" data-target="#loginModal">登录</a></li>
            <li class="list-inline-item"><a class="text-uppercase text-color p-sm-3 py-2 px-0 d-inline-block" href="/static#signupModal" data-toggle="modal" data-target="#signupModal">注册</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- navbar -->
  <div class="navigation w-100">
    <div class="container">
      <nav class="navbar navbar-expand-lg navbar-dark p-0">
        <a class="navbar-brand" href="/static/index.html"><img src="/static/images/logo.png" alt="logo"></a>
        <button class="navbar-toggler rounded-0" type="button" data-toggle="collapse" data-target="#navigation"
          aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navigation">
          <ul class="navbar-nav ml-auto text-center">
            <li class="nav-item @@index">
              <a class="nav-link" href="/static/index.html">主页</a>
            </li>
            <li class="nav-item @@courses">
              <a class="nav-link" href="/static/courses.html">课程</a>
            </li>
            <li class="nav-item @@events">
              <a class="nav-link" href="/static/events.html">活动</a>
            </li>
            <li class="nav-item @@blog">
              <a class="nav-link" href="/static/blog.html">资料</a>
            </li>
            <li class="nav-item @@teacher">
              <a class="nav-link" href="/static/teacher.html">老师</a>
            </li>
            <li class="nav-item active">
              <a class="nav-link" href="/static/about.html">关于</a>
            </li>
            <li class="nav-item @@contact">
              <a class="nav-link" href="/static/contact.html">联系</a>
            </li>
          </ul>
        </div>
      </nav>
    </div>
  </div>
</header>
<!-- /header -->
<!-- /header -->
<!-- Modal -->
<div class="modal fade" id="signupModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content rounded-0 border-0 p-4">
            <div class="modal-header border-0">
                <h3>Register</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="login">
                    <form action="#" class="row">
                        <div class="col-12">
                            <input type="text" class="form-control mb-3" id="signupPhone" name="signupPhone" placeholder="Phone">
                        </div>
                        <div class="col-12">
                            <input type="text" class="form-control mb-3" id="signupName" name="signupName" placeholder="Name">
                        </div>
                        <div class="col-12">
                            <input type="email" class="form-control mb-3" id="signupEmail" name="signupEmail" placeholder="Email">
                        </div>
                        <div class="col-12">
                            <input type="password" class="form-control mb-3" id="signupPassword" name="signupPassword" placeholder="Password">
                        </div>
                        <div class="col-12">
                            <button type="submit" class="btn btn-primary">SIGN UP</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Modal -->
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content rounded-0 border-0 p-4">
            <div class="modal-header border-0">
                <h3>Login</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form action="#" class="row">
                    <div class="col-12">
                        <input type="text" class="form-control mb-3" id="loginPhone" name="loginPhone" placeholder="Phone">
                    </div>
                    <div class="col-12">
                        <input type="text" class="form-control mb-3" id="loginName" name="loginName" placeholder="Name">
                    </div>
                    <div class="col-12">
                        <input type="password" class="form-control mb-3" id="loginPassword" name="loginPassword" placeholder="Password">
                    </div>
                    <div class="col-12">
                        <button type="submit" class="btn btn-primary">LOGIN</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- page title -->
<section class="page-title-section overlay" data-background="/static/images/backgrounds/page-title.jpg">
  <div class="container">
    <div class="row">
      <div class="col-md-8">
        <ul class="list-inline custom-breadcrumb mb-2">
          <li class="list-inline-item"><a class="h2 text-primary font-secondary" href="/static/index.html">主页</a></li>
          <li class="list-inline-item text-white h3 font-secondary nasted">关于</li>
        </ul>
        <p class="text-lighten mb-0">我们相信，学习是一种力量，它能够改变命运，成就未来。因此，我们将一如既往地致力于为学习者提供最优质的学习资源和服务，陪伴他们共同成长，实现美好梦想。</p>
      </div>
    </div>
  </div>
</section>
<!-- /page title -->

<!-- about -->
<section class="section">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <h2 class="section-title">关于我们的网站</h2>
        <p class="text1">
          欢迎来到我们的网站，这是一个集新闻速递、课堂教学、名师风采以及丰富学习资料和书籍资料于一体的综合性学习平台。我们致力于为广大用户提供最新、最全面、最实用的信息和资源，帮助用户更好地了解时事动态，提升自我学习能力，开拓知识视野。
在新闻速递板块，我们将为您实时更新全球范围内的热点新闻，包括国内外政治、经济、文化、科技等各个领域的重要事件。您可以随时随地了解最新动态，把握时代脉搏。
        </p>
        <p class="text1">
          课堂教学板块则涵盖了从小学到大学各个阶段、各个学科的优质教学资源。我们邀请了众多一线名师和教育专家，为您提供精彩的在线课程，让您足不出户就能享受到优质的教育资源。此外，我们还提供了丰富的教学视频、课件和习题，帮助您巩固所学知识，提高学习效果。
名师风采板块展示了众多在教育领域具有影响力的名师风采。您可以了解他们的教育理念、教学方法和成就，从他们的经验中汲取智慧，激发自己的学习热情。同时，我们还定期举办名师讲座和互动活动，让您有机会与名师面对面交流，共同探讨学习之道。
        </p>
        <p class="text1">
          学习资料和书籍资料板块则为您提供了海量的学习资源和书籍推荐。无论您是正在备考各类考试，还是想要拓展自己的知识面，都能在这里找到适合自己的学习资料和书籍。我们精选了众多权威出版社的优质图书，为您提供便捷的在线阅读和购买服务。
我们的网站是一个集新闻、教育、学习于一体的综合性平台，为广大用户提供了一个便捷、高效的学习空间。我们期待您的加入，共同开启一段充实而美好的学习之旅！
        </p>
      </div>
    </div>
  </div>
</section>
<!-- /about -->

<!-- funfacts -->
<section class="section-sm bg-primary">
  <div class="container">
    <div class="row">
      <!-- funfacts item -->
      <div class="col-md-3 col-sm-6 mb-4 mb-md-0">
        <div class="text-center">
          <h2 class="count text-white" data-count="60">0</h2>
          <h5 class="text-white">老师</h5>
        </div>
      </div>
      <!-- funfacts item -->
      <div class="col-md-3 col-sm-6 mb-4 mb-md-0">
        <div class="text-center">
          <h2 class="count text-white" data-count="50">0</h2>
          <h5 class="text-white">课程</h5>
        </div>
      </div>
      <!-- funfacts item -->
      <div class="col-md-3 col-sm-6 mb-4 mb-md-0">
        <div class="text-center">
          <h2 class="count text-white" data-count="1000">0</h2>
          <h5 class="text-white">资料</h5>
        </div>
      </div>
      <!-- funfacts item -->
      <div class="col-md-3 col-sm-6 mb-4 mb-md-0">
        <div class="text-center">
          <h2 class="count text-white" data-count="3737">0</h2>
          <h5 class="text-white">访问量</h5>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- /funfacts -->

<!-- success story -->
<section class="section bg-cover" data-background="/static/images/backgrounds/success-story.jpg">
  <div class="container">
    <div class="row">
      <div class="col-lg-6 col-sm-4 position-relative success-video">
        <a class="play-btn venobox" href="/static" data-vbtype="video">
          <i class="ti-control-play"></i>
        </a>
      </div>
      <div class="col-lg-6 col-sm-8">
        <div class="bg-white p-5">
          <h2 class="section-title">联系我们</h2>
          <p>我们感谢每一位在本网站上浏览新闻、学习知识的用户。正是您们的支持和关注，让我们有动力不断完善网站内容，提升服务质量。我们深知，一个成功的网站离不开用户的反馈和建议。</p>
          <p>因此，我们非常重视每一位用户的意见和建议。如果您在使用XX网站过程中遇到任何问题或疑虑，欢迎随时通过以下方式联系我们的网站维护人员。</p>
          <p>联系电话：XXX-XXXX-XXXX</p>
          <p>邮箱地址：[mailto:support@xxwebsite.com]</p>
          <p> 我们的维护团队将竭诚为您解答疑问、处理问题，并虚心听取您的宝贵意见，以便我们不断优化网站功能，提升用户体验。
          再次感谢广大用户对XX网站的支持和信任。我们将继续努力，为大家提供更加丰富、优质的学习资源和服务，让XX网站成为您学习道路上的得力助手。让我们携手共进，共创美好未来！
          </p>
          </div>
      </div>
    </div>
  </div>
</section>
<!-- /success story -->

<!-- teachers -->
<section class="section">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-12">
          <h2 class="section-title">关于开发</h2>
        </div>
        <!-- teacher -->
        <div class="col-lg-4 col-sm-6 mb-5 mb-lg-0">
          <div class="card border-0 rounded-0 hover-shadow">
            <img class="card-img-top rounded-0" src="/static/images/teachers/teacher-1.jpg" alt="teacher">
            <div class="card-body">
              <a href="/static/teacher-single.html">
                <h4 class="card-title">刘金成</h4>
              </a>
              <div class="d-flex justify-content-between">
                <span>Developer</span>
                <ul class="list-inline">
                  <li class="list-inline-item"><a class="text-color" href="/static#"><i>QQ</i></a></li>
                  <li class="list-inline-item"><a class="text-color" href="/static#"><i>微信</i></a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <!-- teacher -->
        <div class="col-lg-4 col-sm-6 mb-5 mb-lg-0">
          <div class="card border-0 rounded-0 hover-shadow">
            <img class="card-img-top rounded-0" src="/static/images/teachers/teacher-2.jpg" alt="teacher">
            <div class="card-body">
              <a href="/static/teacher-single.html">
                <h4 class="card-title">罗路敏</h4>
              </a>
              <div class="d-flex justify-content-between">
                <span>Developer</span>
                <ul class="list-inline">
                  <li class="list-inline-item"><a class="text-color" href="/static#"><i>QQ</i></a></li>
                  <li class="list-inline-item"><a class="text-color" href="/static#"><i>微信</i></a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <!-- teacher -->
        <div class="col-lg-4 col-sm-6 mb-5 mb-lg-0">
          <div class="card border-0 rounded-0 hover-shadow">
            <img class="card-img-top rounded-0" src="/static/images/teachers/teacher-3.jpg" alt="teacher">
            <div class="card-body">
              <a href="/static/teacher-single.html">
                <h4 class="card-title">张凯伟</h4>
              </a>
              <div class="d-flex justify-content-between">
                <span>Developer</span>
                <ul class="list-inline">
                  <li class="list-inline-item"><a class="text-color" href="/static#"><i>QQ</i></a></li>
                  <li class="list-inline-item"><a class="text-color" href="/static#"><i>微信</i></a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <!-- teacher -->
        <div class="col-lg-4 col-sm-6 mb-5 mb-lg-0">
          <div class="card border-0 rounded-0 hover-shadow">
            <img class="card-img-top rounded-0" src="/static/images/teachers/teacher-3.jpg" alt="teacher">
            <div class="card-body">
              <a href="/static/teacher-single.html">
                <h4 class="card-title">代芳芬</h4>
              </a>
              <div class="d-flex justify-content-between">
                <span>Developer</span>
                <ul class="list-inline">
                  <li class="list-inline-item"><a class="text-color" href="/static#"><i>QQ</i></a></li>
                  <li class="list-inline-item"><a class="text-color" href="/static#"><i>微信</i></a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- /teachers -->

<!-- footer -->
<footer>
 
  <!-- footer content -->
  <div class="footer bg-footer section border-bottom">
    <div class="container">
      <div class="row">
        <div class="col-lg-4 col-sm-8 mb-5 mb-lg-0" style="
        font-size: 175px;
    ">
          <!-- logo -->
          <a class="logo-footer" href="/static/index.html"><img class="img-fluid mb-4" src="/static/images/logo.png" alt="logo"></a>
          <ul class="list-unstyled">
          </ul>
        </div>
        <!-- company -->
        <div class="col-lg-2 col-md-3 col-sm-4 col-6 mb-5 mb-md-0">
          <h4 class="text-white mb-5">COMPANY</h4>
          <ul class="list-unstyled">
            <li class="mb-3"><a class="text-color" href="/static/about.html">About Us</a></li>
            <li class="mb-3"><a class="text-color" href="/static/teacher.html">Our Teacher</a></li>
            <li class="mb-3"><a class="text-color" href="/static/contact.html">Contact</a></li>
            <li class="mb-3"><a class="text-color" href="/static/blog.html">Blog</a></li>
          </ul>
        </div>
        <!-- links -->
        <div class="col-lg-2 col-md-3 col-sm-4 col-6 mb-5 mb-md-0">
          <h4 class="text-white mb-5">LINKS</h4>
          <ul class="list-unstyled">
            <li class="mb-3"><a class="text-color" href="/static/courses.html">Courses</a></li>
            <li class="mb-3"><a class="text-color" href="/static/events.html">Events</a></li>
            <li class="mb-3"><a class="text-color" href="/static/notice.html">Notice</a></li>
            <li class="mb-3"><a class="text-color" href="/static/scholarship.html">Scholarship</a></li>
          </ul>
        </div>
        <!-- support -->
        <div class="col-lg-2 col-md-3 col-sm-4 col-6 mb-5 mb-md-0">
          <h4 class="text-white mb-5">SUPPORT</h4>
          <ul class="list-unstyled">
            <li class="mb-3"><a class="text-color" href="/static#">Forums</a></li>
            <li class="mb-3"><a class="text-color" href="/static#">Documentation</a></li>
            <li class="mb-3"><a class="text-color" href="/static#!">Language</a></li>
            <li class="mb-3"><a class="text-color" href="/static#!">Release Status</a></li>
          </ul>
        </div>
        <!-- support -->
        <div class="col-lg-2 col-md-3 col-sm-4 col-6 mb-5 mb-md-0">
          <h4 class="text-white mb-5">RECOMMEND</h4>
          <ul class="list-unstyled">
            <li class="mb-3"><a class="text-color" href="/static#">WordPress</a></li>
            <li class="mb-3"><a class="text-color" href="/static#">LearnPress</a></li>
            <li class="mb-3"><a class="text-color" href="/static#">WooCommerce</a></li>
            <li class="mb-3"><a class="text-color" href="/static#">bbPress</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</footer>
<!-- /footer -->

<!-- jQuery -->
<script src="/static/plugins/jQuery/jquery.min.js"></script>
<!-- Bootstrap JS -->
<script src="/static/plugins/bootstrap/bootstrap.min.js"></script>
<!-- slick slider -->
<script src="/static/plugins/slick/slick.min.js"></script>
<!-- aos -->
<script src="/static/plugins/aos/aos.js"></script>
<!-- venobox popup -->
<script src="/static/plugins/venobox/venobox.min.js"></script>
<!-- filter -->
<script src="/static/plugins/filterizr/jquery.filterizr.min.js"></script>
<!-- Main Script -->
<script src="/static/js/script.js"></script>

</body>
</html>